<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小米有品</title>
    <link rel="styleSheet" type="text/css" href="../css/mi.css">
</head>

<body>
    <!--1,头部导航栏-->
    <div class="box_mi_top">
        <div class="home_mi_top">
            <div class="mi_top_right">
                <div class="mi_top_login">
                    <div>登录</div>
                    <div>注册</div>
                </div>
                <div class="v-line"></div>
                <div class="mi_top_help">帮助中心</div>
                <div class="v-line"></div>
                <div class="mi_top_DownApp"><svg t="1632643925299" class="icon" viewBox="0 0 1024 1024" version="1.1"
                        xmlns="http://www.w3.org/2000/svg" p-id="2505" width="20" height="20">
                        <path
                            d="M820.409449 797.228346q0 25.19685-10.07874 46.866142t-27.716535 38.299213-41.322835 26.204724-50.897638 9.574803l-357.795276 0q-27.212598 0-50.897638-9.574803t-41.322835-26.204724-27.716535-38.299213-10.07874-46.866142l0-675.275591q0-25.19685 10.07874-47.370079t27.716535-38.80315 41.322835-26.204724 50.897638-9.574803l357.795276 0q27.212598 0 50.897638 9.574803t41.322835 26.204724 27.716535 38.80315 10.07874 47.370079l0 675.275591zM738.771654 170.330709l-455.559055 0 0 577.511811 455.559055 0 0-577.511811zM510.992126 776.062992q-21.165354 0-36.787402 15.11811t-15.622047 37.291339q0 21.165354 15.622047 36.787402t36.787402 15.622047q22.173228 0 37.291339-15.622047t15.11811-36.787402q0-22.173228-15.11811-37.291339t-37.291339-15.11811zM591.622047 84.661417q0-8.062992-5.03937-12.598425t-11.086614-4.535433l-128 0q-5.03937 0-10.582677 4.535433t-5.543307 12.598425 5.03937 12.598425 11.086614 4.535433l128 0q6.047244 0 11.086614-4.535433t5.03937-12.598425z"
                            p-id="2506" fill="#B7B7B7"></path>
                    </svg>下载APP</div>
                <div class="v-line"></div>
                <div class="mi_top_clauses">资质证照/协议规则
                    <svg t="1632645057459" class="icon" viewBox="0 0 1024 1024" version="1.1"
                        xmlns="http://www.w3.org/2000/svg" p-id="3420" width="20" height="20">
                        <path
                            d="M517.688889 796.444444c-45.511111 0-85.333333-17.066667-119.466667-51.2L73.955556 381.155556c-22.755556-22.755556-17.066667-56.888889 5.688888-79.644445 22.755556-22.755556 56.888889-17.066667 79.644445 5.688889l329.955555 364.088889c5.688889 5.688889 17.066667 11.377778 28.444445 11.377778s22.755556-5.688889 34.133333-17.066667l312.888889-364.088889c22.755556-22.755556 56.888889-28.444444 79.644445-5.688889 22.755556 22.755556 28.444444 56.888889 5.688888 79.644445L637.155556 739.555556c-28.444444 39.822222-68.266667 56.888889-119.466667 56.888888 5.688889 0 0 0 0 0z"
                            p-id="3421" fill="#e6e6e6"></path>
                    </svg>
                </div>
            </div>
        </div>
    </div>

    <!--2,搜索框-->
    <div class="box_mi_search">
        <div class="home_mi_search">
            <div class="mi_search_title">小米有品</div>

            <div class="mi_search_text">
                <div>你是菜狗</div>
                <div>企业抢购</div>
            </div>

            <div class="mi_search_right">
                <div class="mi_search_form">
                    <div><svg t="1632659480297" class="icon" viewBox="0 0 1024 1024" version="1.1"
                            xmlns="http://www.w3.org/2000/svg" p-id="2417" width="22" height="22">
                            <path
                                d="M955.069071 864.311021 740.015134 649.258107c-3.752464-3.751441-8.841366-5.860475-14.149255-5.860475-5.306866 0-10.395768 2.108011-14.149255 5.860475l-16.692171 16.692171-38.34226-38.34226c53.03796-59.810201 85.298711-138.442072 85.298711-224.478588 0-186.774871-151.952784-338.727655-338.727655-338.727655S64.527642 216.35456 64.527642 403.12943c0 186.775894 151.952784 338.728678 338.727655 338.728678 86.36909 0 165.276231-32.510438 225.170343-85.913718l38.303374 38.303374-17.34504 17.34504c-7.812943 7.813966-7.812943 20.48352 0 28.297486l215.051891 215.052914c3.753487 3.751441 8.841366 5.860475 14.149255 5.860475 5.306866 0 10.395768-2.108011 14.149255-5.860475l62.334697-62.334697C962.883037 884.794541 962.883037 872.124987 955.069071 864.311021zM104.546078 403.12943c0-164.709319 133.9999-298.709219 298.709219-298.709219s298.709219 133.9999 298.709219 298.709219S567.964616 701.839673 403.255297 701.839673 104.546078 567.838749 104.546078 403.12943zM878.585119 912.496463 691.829691 725.741036l34.036187-34.036187 186.755428 186.755428L878.585119 912.496463z"
                                p-id="2418" fill="#333333"></path>
                        </svg>
                    </div>
                    <div>
                        <input type="text" placeholder="  搜一搜" size="14">
                    </div>
                </div>
                <div class="mi_search_car">
                    <svg t="1632660592981" class="icon" viewBox="0 0 1024 1024" version="1.1"
                        xmlns="http://www.w3.org/2000/svg" p-id="3347" width="30" height="30">
                        <path d="M246.4 912a2.1 2.1 0 1 0 134.4 0 2.1 2.1 0 1 0-134.4 0Z" p-id="3348" fill="#333333">
                        </path>
                        <path d="M716.8 912a2.1 2.1 0 1 0 134.4 0 2.1 2.1 0 1 0-134.4 0Z" p-id="3349" fill="#333333">
                        </path>
                        <path
                            d="M905.6 764.8l-537.6 0c-28.8 0-57.6-25.6-64-54.4l-96-566.4c-9.6-54.4-60.8-96-115.2-96l-22.4 0c-12.8 0-25.6 12.8-25.6 25.6 0 12.8 12.8 25.6 25.6 25.6l22.4 0c28.8 0 57.6 25.6 64 54.4l96 566.4c9.6 54.4 60.8 96 115.2 96l537.6 0c12.8 0 25.6-12.8 25.6-25.6C931.2 777.6 921.6 764.8 905.6 764.8z"
                            p-id="3350" fill="#333333"></path>
                        <path
                            d="M880 179.2l-572.8 0c-12.8 0-25.6 12.8-25.6 25.6 0 12.8 12.8 25.6 25.6 25.6l572.8 0c25.6 0 38.4 16 32 41.6l-70.4 281.6c-6.4 32-41.6 57.6-73.6 60.8l-396.8 28.8c-12.8 0-25.6 12.8-22.4 28.8 0 12.8 12.8 25.6 28.8 22.4l396.8-28.8c54.4-3.2 105.6-48 118.4-99.2l70.4-281.6C976 230.4 937.6 179.2 880 179.2z"
                            p-id="3351" fill="#333333"></path>
                    </svg>
                </div>
            </div>
        </div>
    </div>

    <!--3,分类导航-->
    <div class="box_mi_nav">
        <div class="home_mi_nav">
            <div class="nav_left">
                <div class="nav_item">
                    <div class="item_content">


                        <span class="item_text">有品推荐</span>
                        <span class="item_text">/</span>
                        <span class="item_text">手机数码</span>


                        <div class="panel">
                            <div class="panel_title">有品推荐</div>
                            <div class="panel_content">
                                <div class="item_title">为你...</div>
                                <div class="item_content_new">
                                    <div class="panel_item">智能手环</div>
                                    <div class="panel_item">Note9</div>
                                    <div class="panel_item">真无线</div>
                                    <div class="panel_item">轻薄本</div>
                                    <div class="panel_item">经典酒饮</div>
                                    <div class="panel_item">吸顶灯</div>
                                    <HR style="FILTER: alpha(opacity=50,finishopacity=0,style=3)" width="100%"
                                        color=#F5F6F9 SIZE=2>
                                </div>
                            </div>

                            <div class="panel_content">
                                <div class="item_title">精选...</div>
                                <div class="item_content_new">
                                    <div class="panel_item">经典酒饮</div>
                                    <div class="panel_item">家居好货</div>
                                    <div class="panel_item">影音娱乐</div>
                                    <div class="panel_item">餐厨好物</div>
                                    <div class="panel_item">户外运动</div>
                                    <div class="panel_item">有品生活+</div>
                                    <HR style="FILTER: alpha(opacity=50,finishopacity=0,style=3)" width="100%"
                                        color=#F5F6F9 SIZE=2>
                                </div>
                            </div>
                            <div class="panel_title">手机数码</div>
                            <div class="panel_content">
                                <div class="item_title">热门...</div>
                                <div class="item_content_new">
                                    <div class="panel_item">小米11</div>
                                    <div class="panel_item">小米10S</div>
                                    <div class="panel_item">K40系列</div>
                                    <div class="panel_item">苹果周边</div>
                                    <div class="panel_item">路由器好物</div>
                                    <div class="panel_item">手机配件馆</div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
                <div class="item_content">
                    <span class="item_text">家用电器</span>
                    <span class="item_text">/</span>
                    <span class="item_text">智能家庭</span>

                    <div class="panel">
                        <div class="panel_title">产品</div>
                        <div class="panel_content">
                            <div class="item_title">产品经理</div>
                            <div class="item_content_new">
                                <div class="panel_item">产品经理</div>
                                <div class="panel_item">网页产品经理</div>
                                <div class="panel_item">移动产品经理</div>
                                <div class="panel_item">产品助理</div>
                                <div class="panel_item">数据产品经理</div>
                                <div class="panel_item">电商产品经理</div>
                                <div class="panel_item">游戏策划</div>
                                <div class="panel_item">产品专员</div>
                                <div class="panel_item">硬件产品经理</div>
                                <HR style="FILTER: alpha(opacity=50,finishopacity=0,style=3)" width="100%" color=#F5F6F9
                                    SIZE=2>
                            </div>
                        </div>
                        <div class="panel_content">
                            <div class="item_title">高端产品职位</div>
                            <div class="item_content_new">
                                <div class="panel_item">高端产品职位</div>
                                <div class="panel_item">产品总监</div>
                                <div class="panel_item">游戏制作人</div>
                                <div class="panel_item">产品VP</div>
                                <HR style="FILTER: alpha(opacity=50,finishopacity=0,style=3)" width="100%" color=#F5F6F9
                                    SIZE=2>
                            </div>
                        </div>
                        <div class="panel_content">
                            <div class="item_title">其他产品职位</div>
                            <div class="item_content_new">
                                <div class="panel_item">其他产品职位</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="item_content">
                    <span class="item_text">美食酒饮</span>
                    <span class="item_text">/</span>
                    <span class="item_text">家具家装</span>

                    <div class="panel">
                        <div class="panel_title">产品</div>
                        <div class="panel_content">
                            <div class="item_title">产品经理</div>
                            <div class="item_content_new">
                                <div class="panel_item">产品经理</div>
                                <div class="panel_item">网页产品经理</div>
                                <div class="panel_item">移动产品经理</div>
                                <div class="panel_item">产品助理</div>
                                <div class="panel_item">数据产品经理</div>
                                <div class="panel_item">电商产品经理</div>
                                <div class="panel_item">游戏策划</div>
                                <div class="panel_item">产品专员</div>
                                <div class="panel_item">硬件产品经理</div>
                                <HR style="FILTER: alpha(opacity=50,finishopacity=0,style=3)" width="100%" color=#F5F6F9
                                    SIZE=2>
                            </div>
                        </div>
                        <div class="panel_content">
                            <div class="item_title">高端产品职位</div>
                            <div class="item_content_new">
                                <div class="panel_item">高端产品职位</div>
                                <div class="panel_item">产品总监</div>
                                <div class="panel_item">游戏制作人</div>
                                <div class="panel_item">产品VP</div>
                                <HR style="FILTER: alpha(opacity=50,finishopacity=0,style=3)" width="100%" color=#F5F6F9
                                    SIZE=2>
                            </div>
                        </div>
                        <div class="panel_content">
                            <div class="item_title">其他产品职位</div>
                            <div class="item_content_new">
                                <div class="panel_item">其他产品职位</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="item_content">
                    <span class="item_text">电脑办公</span>
                    <span class="item_text">/</span>
                    <span class="item_text">出行车品</span>

                    <div class="panel">
                        <div class="panel_title">产品</div>
                        <div class="panel_content">
                            <div class="item_title">产品经理</div>
                            <div class="item_content_new">
                                <div class="panel_item">产品经理</div>
                                <div class="panel_item">网页产品经理</div>
                                <div class="panel_item">移动产品经理</div>
                                <div class="panel_item">产品助理</div>
                                <div class="panel_item">数据产品经理</div>
                                <div class="panel_item">电商产品经理</div>
                                <div class="panel_item">游戏策划</div>
                                <div class="panel_item">产品专员</div>
                                <div class="panel_item">硬件产品经理</div>
                                <HR style="FILTER: alpha(opacity=50,finishopacity=0,style=3)" width="100%" color=#F5F6F9
                                    SIZE=2>
                            </div>
                        </div>
                        <div class="panel_content">
                            <div class="item_title">高端产品职位</div>
                            <div class="item_content_new">
                                <div class="panel_item">高端产品职位</div>
                                <div class="panel_item">产品总监</div>
                                <div class="panel_item">游戏制作人</div>
                                <div class="panel_item">产品VP</div>
                                <HR style="FILTER: alpha(opacity=50,finishopacity=0,style=3)" width="100%" color=#F5F6F9
                                    SIZE=2>
                            </div>
                        </div>
                        <div class="panel_content">
                            <div class="item_title">其他产品职位</div>
                            <div class="item_content_new">
                                <div class="panel_item">其他产品职位</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="item_content">
                    <span class="item_text">服装配饰</span>
                    <span class="item_text">/</span>
                    <span class="item_text">运动户外</span>

                    <div class="panel">
                        <div class="panel_title">产品</div>
                        <div class="panel_content">
                            <div class="item_title">产品经理</div>
                            <div class="item_content_new">
                                <div class="panel_item">产品经理</div>
                                <div class="panel_item">网页产品经理</div>
                                <div class="panel_item">移动产品经理</div>
                                <div class="panel_item">产品助理</div>
                                <div class="panel_item">数据产品经理</div>
                                <div class="panel_item">电商产品经理</div>
                                <div class="panel_item">游戏策划</div>
                                <div class="panel_item">产品专员</div>
                                <div class="panel_item">硬件产品经理</div>
                                <HR style="FILTER: alpha(opacity=50,finishopacity=0,style=3)" width="100%" color=#F5F6F9
                                    SIZE=2>
                            </div>
                        </div>
                        <div class="panel_content">
                            <div class="item_title">高端产品职位</div>
                            <div class="item_content_new">
                                <div class="panel_item">高端产品职位</div>
                                <div class="panel_item">产品总监</div>
                                <div class="panel_item">游戏制作人</div>
                                <div class="panel_item">产品VP</div>
                                <HR style="FILTER: alpha(opacity=50,finishopacity=0,style=3)" width="100%" color=#F5F6F9
                                    SIZE=2>
                            </div>
                        </div>
                        <div class="panel_content">
                            <div class="item_title">其他产品职位</div>
                            <div class="item_content_new">
                                <div class="panel_item">其他产品职位</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="item_content">
                    <span class="item_text">健康保健</span>
                    <span class="item_text">/</span>
                    <span class="item_text">日用文创</span>

                    <div class="panel">
                        <div class="panel_title">产品</div>
                        <div class="panel_content">
                            <div class="item_title">产品经理</div>
                            <div class="item_content_new">
                                <div class="panel_item">产品经理</div>
                                <div class="panel_item">网页产品经理</div>
                                <div class="panel_item">移动产品经理</div>
                                <div class="panel_item">产品助理</div>
                                <div class="panel_item">数据产品经理</div>
                                <div class="panel_item">电商产品经理</div>
                                <div class="panel_item">游戏策划</div>
                                <div class="panel_item">产品专员</div>
                                <div class="panel_item">硬件产品经理</div>
                                <HR style="FILTER: alpha(opacity=50,finishopacity=0,style=3)" width="100%" color=#F5F6F9
                                    SIZE=2>
                            </div>
                        </div>
                        <div class="panel_content">
                            <div class="item_title">高端产品职位</div>
                            <div class="item_content_new">
                                <div class="panel_item">高端产品职位</div>
                                <div class="panel_item">产品总监</div>
                                <div class="panel_item">游戏制作人</div>
                                <div class="panel_item">产品VP</div>
                                <HR style="FILTER: alpha(opacity=50,finishopacity=0,style=3)" width="100%" color=#F5F6F9
                                    SIZE=2>
                            </div>
                        </div>
                        <div class="panel_content">
                            <div class="item_title">其他产品职位</div>
                            <div class="item_content_new">
                                <div class="panel_item">其他产品职位</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="item_content">
                    <span class="item_text">美妆个护</span>
                    <span class="item_text">/</span>
                    <span class="item_text">鞋靴箱包</span>

                    <div class="panel">
                        <div class="panel_title">产品</div>
                        <div class="panel_content">
                            <div class="item_title">产品经理</div>
                            <div class="item_content_new">
                                <div class="panel_item">产品经理</div>
                                <div class="panel_item">网页产品经理</div>
                                <div class="panel_item">移动产品经理</div>
                                <div class="panel_item">产品助理</div>
                                <div class="panel_item">数据产品经理</div>
                                <div class="panel_item">电商产品经理</div>
                                <div class="panel_item">游戏策划</div>
                                <div class="panel_item">产品专员</div>
                                <div class="panel_item">硬件产品经理</div>
                                <HR style="FILTER: alpha(opacity=50,finishopacity=0,style=3)" width="100%" color=#F5F6F9
                                    SIZE=2>
                            </div>
                        </div>
                        <div class="panel_content">
                            <div class="item_title">高端产品职位</div>
                            <div class="item_content_new">
                                <div class="panel_item">高端产品职位</div>
                                <div class="panel_item">产品总监</div>
                                <div class="panel_item">游戏制作人</div>
                                <div class="panel_item">产品VP</div>
                                <HR style="FILTER: alpha(opacity=50,finishopacity=0,style=3)" width="100%" color=#F5F6F9
                                    SIZE=2>
                            </div>
                        </div>
                        <div class="panel_content">
                            <div class="item_title">其他产品职位</div>
                            <div class="item_content_new">
                                <div class="panel_item">其他产品职位</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="item_content">
                    <span class="item_text">家纺餐厨</span>
                    <span class="item_text">/</span>
                    <span class="item_text">母婴亲子</span>

                    <div class="panel">
                        <div class="panel_title">产品</div>
                        <div class="panel_content">
                            <div class="item_title">产品经理</div>
                            <div class="item_content_new">
                                <div class="panel_item">产品经理</div>
                                <div class="panel_item">网页产品经理</div>
                                <div class="panel_item">移动产品经理</div>
                                <div class="panel_item">产品助理</div>
                                <div class="panel_item">数据产品经理</div>
                                <div class="panel_item">电商产品经理</div>
                                <div class="panel_item">游戏策划</div>
                                <div class="panel_item">产品专员</div>
                                <div class="panel_item">硬件产品经理</div>
                                <HR style="FILTER: alpha(opacity=50,finishopacity=0,style=3)" width="100%" color=#F5F6F9
                                    SIZE=2>
                            </div>
                        </div>
                        <div class="panel_content">
                            <div class="item_title">高端产品职位</div>
                            <div class="item_content_new">
                                <div class="panel_item">高端产品职位</div>
                                <div class="panel_item">产品总监</div>
                                <div class="panel_item">游戏制作人</div>
                                <div class="panel_item">产品VP</div>
                                <HR style="FILTER: alpha(opacity=50,finishopacity=0,style=3)" width="100%" color=#F5F6F9
                                    SIZE=2>
                            </div>
                        </div>
                        <div class="panel_content">
                            <div class="item_title">其他产品职位</div>
                            <div class="item_content_new">
                                <div class="panel_item">其他产品职位</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="item_content">
                    <span class="item_text">宠物生活</span>
                    <span class="item_text">/</span>
                    <span class="item_text">有品海购</span>

                    <div class="panel">
                        <div class="panel_title">产品</div>
                        <div class="panel_content">
                            <div class="item_title">产品经理</div>
                            <div class="item_content_new">
                                <div class="panel_item">产品经理</div>
                                <div class="panel_item">网页产品经理</div>
                                <div class="panel_item">移动产品经理</div>
                                <div class="panel_item">产品助理</div>
                                <div class="panel_item">数据产品经理</div>
                                <div class="panel_item">电商产品经理</div>
                                <div class="panel_item">游戏策划</div>
                                <div class="panel_item">产品专员</div>
                                <div class="panel_item">硬件产品经理</div>
                                <HR style="FILTER: alpha(opacity=50,finishopacity=0,style=3)" width="100%" color=#F5F6F9
                                    SIZE=2>
                            </div>
                        </div>
                        <div class="panel_content">
                            <div class="item_title">高端产品职位</div>
                            <div class="item_content_new">
                                <div class="panel_item">高端产品职位</div>
                                <div class="panel_item">产品总监</div>
                                <div class="panel_item">游戏制作人</div>
                                <div class="panel_item">产品VP</div>
                                <HR style="FILTER: alpha(opacity=50,finishopacity=0,style=3)" width="100%" color=#F5F6F9
                                    SIZE=2>
                            </div>
                        </div>
                        <div class="panel_content">
                            <div class="item_title">其他产品职位</div>
                            <div class="item_content_new">
                                <div class="panel_item">其他产品职位</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="item_content">
                    <span class="item_text">DLAB</span>


                    <div class="panel">
                        <div class="panel_title">产品</div>
                        <div class="panel_content">
                            <div class="item_title">产品经理</div>
                            <div class="item_content_new">
                                <div class="panel_item">产品经理</div>
                                <div class="panel_item">网页产品经理</div>
                                <div class="panel_item">移动产品经理</div>
                                <div class="panel_item">产品助理</div>
                                <div class="panel_item">数据产品经理</div>
                                <div class="panel_item">电商产品经理</div>
                                <div class="panel_item">游戏策划</div>
                                <div class="panel_item">产品专员</div>
                                <div class="panel_item">硬件产品经理</div>
                                <HR style="FILTER: alpha(opacity=50,finishopacity=0,style=3)" width="100%" color=#F5F6F9
                                    SIZE=2>
                            </div>
                        </div>
                        <div class="panel_content">
                            <div class="item_title">高端产品职位</div>
                            <div class="item_content_new">
                                <div class="panel_item">高端产品职位</div>
                                <div class="panel_item">产品总监</div>
                                <div class="panel_item">游戏制作人</div>
                                <div class="panel_item">产品VP</div>
                                <HR style="FILTER: alpha(opacity=50,finishopacity=0,style=3)" width="100%" color=#F5F6F9
                                    SIZE=2>
                            </div>
                        </div>
                        <div class="panel_content">
                            <div class="item_title">其他产品职位</div>
                            <div class="item_content_new">
                                <div class="panel_item">其他产品职位</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="nav_right">
                <div class="nav_right_img1">
                    <div><img src="../images/轮播图1.png" alt=""></div>
                </div>
            </div>
        </div>
    </div>

</body>

</html>